/**
 * Created by liuzengrong on 2019/8/16.
 */
import React from 'react';
import { connect } from 'dva';
import { message } from 'antd';
import StandardModule from '@/components/hyperspace/modules/StandardModule';

/**
 * 自定义模块
 */
// @ts-ignore
const LocalModule: React.FC = ({ port, dispatch }) => (
  <StandardModule
    data={port.data}
    dictionary={[
    ]}
    config={{
      common: {
        formItemOptions: {
          portCode: {
            rules: [{ required: true, message: '港口编码不能为空！' }],
          },
          portName: {
            rules: [{ required: true, message: '港口中文名称不能为空！' }],
          },
          portNameEn: {
            rules: [{ required: true, message: '港口英文名称不能为空！' }],
          },
          portType: {
            rules: [{ required: true, message: '类型不能为空！' }],
          },
        },
      },
      search: {
        fields: ['portCode', 'portName'], // 查询条件
      },
      list: {
        url: '/api/port/query',
        fields: [
          'id',
          'portCode',
          'portName',
          'portNameEn',
          'portType',
          'creator',
          'creatTime',
        ], // 列表字段
        format: {
          username: {
            render: (value: any) => `格式化 - ${value}`,
          },
        },
        extensions: {
          operations: [
            (record: any) => (
              <a
                onClick={() => {
                  message.info(`扩展操作：${JSON.stringify(record)}`);
                }}
              >
                扩展操作
              </a>
            ),
          ],
        },
      },
      add: {
        url: '/api/port/create',
        // width: 680, // 非必填，默认680px
        // title: '新建表单', // 非必填，默认`新建`
        fields: [
          'portCode',
          'portName',
          'portNameEn',
          'portType',
        ], // 新增表单字段
      },
      update: {
        url: '/api/port/update',
        // width: 680, // 非必填，默认680px
        // title: '新建表单', // 非必填，默认`新建`
        fields: [
          'portCode',
          'portName',
          'portNameEn',
          'portType',
        ], // 修改表单字段
        primaryKeys: ['id'], // 主键字段列表
      },
      delete: {
        url: '/api/port/remove',
        batchDelete: false, // 是否开启批量删除
        fields: ['id'], // 删除依据字段
      },
    }}
    namespace="port"
    dispatch={dispatch}
  />
);

// @ts-ignore
export default connect(({ port }) => ({
  port,
}))(LocalModule);
